<html>
    <head>
        <title>pic</title>
        <style>
            .wrapper {
                border: 1px solid;
                width: 800px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: repeat(2, 200px);
                gap: 20px;
                padding: 10px;
            }
            .wrapper > div {
                background-color: rebeccapurple;
                border-radius: 10px;
            }

            /* 强制拉伸图片 */
            /* img {
                width: 100%;
                height: 100%;
            } */
        </style>
    </head>
    <body>
        <div class="wrapper">
            <img src="background/star2.png" />
            <div></div>
            <div></div>
            <div></div>
        </div>
    </body>
</html>